<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<input type="checkbox" name="hobby"> 全选 <br>

	<input type="checkbox" name="hobby"> 听歌
	<input type="checkbox" name="hobby"> 跑步
	<input type="checkbox" name="hobby"> 写代码


	<script>
		var arr = document.querySelectorAll('input[name=hobby]');   //伪数组NodeList
		var arr2 = [2,4,6];

		console.log(Array.isArray(arr)); 	//判断是否是数组返回布尔值
		console.log(arr,arr2);

		// 如何将伪数组转化为数组
		// 方法1 用for循环 (先声明一个空数组)
		var arr3 = [];
		for(let i=0; i<arr.length; i++){
			arr3.push(arr[i]);
		}
		console.log(arr3);


		// 方法2 用Array.from
		console.log(Array.from(arr));

		// 方法3 用扩展运算符 ... 以参数的形式进行扩展
		var arr4 = [...arr];
		console.log(arr4);

		// 方法4 用Array.prototype.slice.call()
		console.log(Array.prototype.slice.call(arr));    // 对象冒充

	</script>
</body>
</html>